#channel{
    width:100%;
    height:100%;
  background: #f4f5f6;
  .channel{
    .px2rem(padding-left,20);
    .px2rem(padding-right,20);
    .px2rem(padding-top,40);
    .cancel{
      .px2rem(margin-bottom,56);
      img{
        float:right;
        .px2rem(width,30);
        .px2rem(height,30);
      }
    }
    .my-channel{
      .px2rem(font-size,26);
      .px2rem(margin-bottom,34);
      .px2rem(padding-left,8);
      .px2rem(padding-right,8);
      color: #333333;
      .redact{
        .px2rem(width,98);
        .px2rem(height,44);
        .px2rem(line-height,44);
        .px2rem(font-size,24);
        color: #f26c60;
        border-radius:10px;
        float: right;
        border:1px solid #f26c60;
        text-align: center;
      }
    }
    .my-channel-con{
      .px2rem(margin-bottom,94);
      .list{
        float: left;
        .px2rem(line-height,54);
        .px2rem(width,130);
        .px2rem(margin-left,8);
        .px2rem(margin-right,8);
        .px2rem(margin-bottom,10);
        .px2rem(font-size,24);
        text-align: center;
        color: #000000;
        background: #ffffff;
        border:1px solid #cccccc;
        position: relative;
        .shade{
          display: none;
          width:100%;
          height:100%;
          background: rgba(0,0,0,0);
          position: absolute;
          z-index: 10;
        }
        .shade-block{
          display:block;
          .delete-none{
            display: none;
          }
        }
        .delete{
          .px2rem(width,26);
          .px2rem(height,26);
          position: absolute;
          .px2rem(top,-14);
          .px2rem(right,-4);
          img{
            width:100%;
            height:100%;
          }
        }
        a{
          display: block;
          color: #000000;
        }
      }
    }


  }
}
